<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\Url;
use yii\helpers\Json;
/* @var $this yii\web\View */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = '控制台-首页';
//$this->params['breadcrumbs'][] = ['label' => '控制台', 'url' => ['index']];
$this->params['breadcrumbs'][] = '控制台';
Url::remember();
?>
<div class="layui-row layui-col-space15">
    <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">快捷方式</div>
                    <div class="layui-card-body">

                        <div class="layui-carousel layadmin-carousel layadmin-shortcut" style="width: 100%; height: 280px;">
                            <div carousel-item="">
                                <ul class="layui-row layui-col-space10 layui-this">
                                    <li class="layui-col-xs3">
                                        <a lay-href="home/homepage1">
                                            <i class="layui-icon layui-icon-console"></i>
                                            <cite>主页一</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="home/homepage2">
                                            <i class="layui-icon layui-icon-chart"></i>
                                            <cite>主页二</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="component/layer/list">
                                            <i class="layui-icon layui-icon-template-1"></i>
                                            <cite>弹层</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="/senior/im/">
                                            <i class="layui-icon layui-icon-chat"></i>
                                            <cite>聊天</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="component/progress/index">
                                            <i class="layui-icon layui-icon-find-fill"></i>
                                            <cite>进度条</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="app/workorder/list">
                                            <i class="layui-icon layui-icon-survey"></i>
                                            <cite>工单</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="user/user/list">
                                            <i class="layui-icon layui-icon-user"></i>
                                            <cite>用户</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/system/website">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>设置</cite>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="layui-row layui-col-space10">
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs3">
                                        <a lay-href="set/user/info">
                                            <i class="layui-icon layui-icon-set"></i>
                                            <cite>我的资料</cite>
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">待办事项</div>
                    <div class="layui-card-body">

                        <div class="layui-carousel layadmin-carousel layadmin-backlog" style="width: 100%; height: 280px;">
                            <div carousel-item="">
                                <ul class="layui-row layui-col-space10 layui-this">
                                    <li class="layui-col-xs6">
                                        <a lay-href="app/content/comment" class="layadmin-backlog-body">
                                            <h3>待审评论</h3>
                                            <p><cite>66</cite></p>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs6">
                                        <a lay-href="app/forum/list" class="layadmin-backlog-body">
                                            <h3>待审帖子</h3>
                                            <p><cite>12</cite></p>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs6">
                                        <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                            <h3>待审商品</h3>
                                            <p><cite>99</cite></p>
                                        </a>
                                    </li>
                                    <li class="layui-col-xs6">
                                        <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
                                            <h3>待发货</h3>
                                            <p><cite>20</cite></p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">数据概览</div>
                    <div class="layui-card-body">
                        <div id="LAY-index-dataview" style="width:100%; height: 280px;">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md4">
        <div class="layui-card">
            <div class="layui-card-header">版本信息</div>
            <div class="layui-card-body layui-text">
                <table class="layui-table">
                    <colgroup>
                        <col width="100">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>当前版本</td>
                        <td>
                            1.0
                        </td>
                    </tr>
                    <tr>
                        <td>基于框架</td>
                        <td>
                            layui-v2.5.4
                        </td>
                    </tr>
                    <tr>
                        <td>主要特色</td>
                        <td>单页面 / 响应式 / 清爽 / 极简</td>
                    </tr>
                    <tr>
                        <td>咨询反馈</td>
                        <td style="padding-bottom: 0;">
                            <div class="layui-btn-container">
                                <?=Html::a('联系方式','#', ['class'=>'layui-btn'])?>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">效果报告</div>
            <div class="layui-card-body layadmin-takerates">
                <div class="layui-progress" lay-showpercent="yes">
                    <h3>转化率（日同比 28% <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span>）</h3>
                    <div class="layui-progress-bar" lay-percent="65%" style="width: 65%;"><span class="layui-progress-text">65%</span></div>
                </div>
                <div class="layui-progress" lay-showpercent="yes">
                    <h3>签到率（日同比 11% <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span>）</h3>
                    <div class="layui-progress-bar" lay-percent="32%" style="width: 32%;"><span class="layui-progress-text">32%</span></div>
                </div>
            </div>
        </div>
        <div class="layui-card">
            <div class="layui-card-header">产品动态</div>
            <div class="layui-card-body">
                <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news" lay-anim="fade" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
                    <div carousel-item="">
                        <div class=""><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
                        <div class="layui-this"><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
                        <div class=""><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
                    </div>
                    <div class="layui-carousel-ind"><ul><li class=""></li><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
            </div>
        </div>
    </div>
</div>
<script>
    <?php $this->beginBlock('js') ?>
   layui.use(['echarts', 'setter', 'admin'], function () {
       var $ = layui.$, echarts = layui.echarts;
       var data = {
           title: {
               text: "今日流量趋势",
               x: "center",
               textStyle: {
                   fontSize: 14
               }
           },
           tooltip: {
               trigger: "axis"
           },
           legend: {
               data: ["", ""]
           },
           xAxis: [{
               type: "category",
               boundaryGap: !1,
               data: ["06:00", "06:30", "07:00", "07:30", "08:00", "08:30", "09:00", "09:30", "10:00", "11:30", "12:00", "12:30", "13:00", "13:30", "14:00", "14:30", "15:00", "15:30", "16:00", "16:30", "17:00", "17:30", "18:00", "18:30", "19:00", "19:30", "20:00", "20:30", "21:00", "21:30", "22:00", "22:30", "23:00", "23:30"]
           }],
           yAxis: [{
               type: "value"
           }],
           series: [{
               name: "PV",
               type: "line",
               smooth: !0,
               itemStyle: {
                   normal: {
                       areaStyle: {
                           type: "default"
                       }
                   }
               },
               data: [111, 222, 333, 444, 555, 666, 3333, 33333, 55555, 66666, 33333, 3333, 6666, 11888, 26666, 38888, 56666, 42222, 39999, 28888, 17777, 9666, 6555, 5555, 3333, 2222, 3111, 6999, 5888, 2777, 1666, 999, 888, 777]
           }, {
               name: "UV",
               type: "line",
               smooth: !0,
               itemStyle: {
                   normal: {
                       areaStyle: {
                           type: "default"
                       }
                   }
               },
               data: [11, 22, 33, 44, 55, 66, 333, 3333, 5555, 12666, 3333, 333, 666, 1188, 2666, 3888, 6666, 4222, 3999, 2888, 1777, 966, 655, 555, 333, 222, 311, 699, 588, 277, 166, 99, 88, 77]
           }]
       };

       var e = echarts.init($('#LAY-index-dataview')[0], layui.echartsTheme);
       e.setOption(data);

       layui.admin.on("side", function() {
           setTimeout(function() {
               //页面先过渡效果
               layui.admin.resize(function () {
                   e.resize();
               });
           }, 300)
       })

   });
    <?php $this->endBlock() ?>
    <?php $this->registerJs($this->blocks['js'], \yii\web\View::POS_END); ?>
</script>
